<load href="../Public/js/plugin/poshytip-1.1/tip-yellowsimple/tip-yellowsimple.min.css" />
<load href="../Public/js/plugin/poshytip-1.1/jquery.poshytip.min.js" />


<load href="../Public/js/plugin/jquery-ui/theme/Aristo.min.css" />
<load href="../Public/js/plugin/jquery-ui/jquery-ui.min.js" />

<load href="../Public/js/module/Index/index.js"/>


<style>
    .list-appFree li{ min-height:187px; _height:187px;}
    .list-appFree .app-detail{ margin: 0 25px 0 195px;*font-size:12px;}

    .mq-trigger{ display:none;}
    .mq:after {clear:both; height:0; overflow:hidden; display:block; visibility:hidden; content:"."; }
    .mq{ *zoom:1;}
    .mq-c{ overflow:hidden; float:left; width:144px;}
    .mq-l{ float:left; width:19px; padding:50px 4px 0 0;}
    .mq-r{ float:right; width:19px; padding:50px 0 0 4px;}
    .mq-cnt{ position:relative; overflow:hidden; width:144px; height:156px;}
    .mq-cnt li{ position:absolute; width:144px;}
    .mq-libox{ padding:0 12px; text-align:center;}

    .mq-prev, .mq-next{ display:block; width:19px; height:22px; background:url(http://img1.cache.netease.com/3g/img11/free110516/bg28.png) no-repeat 0 0;}
    .mq-prev{ background-position:0 0;}
    .mq-prev:hover{ background-position:0 -41px;}
    .mq-next{ background-position:-62px 0;}
    .mq-next:hover{ background-position:-62px -41px;}
    .sect-main{width:652px;}
</style>





<div class="mainDiv">
    <div class="content">

        <div class="showGamesDiv">
            <div id="scroll-banner-content">

                <!--X Animation Start-->

                <div id="scroll-apps" class="verticalApps">
                    <div class="animation-h-box">
                        <div style="left:0px;" class="showbox-h">
                            <ul>
                                <li class="scroll_ad">
                                    <div class="apps">
                                        <volist id="hotGame" name="hotGames" key="k">
                                            <div class="app-box-simple-big">
                                                <div style="background-image: url({$hotGame.app_icon});" class="app-logo-big" original="background-image:url({$hotGame.app_icon})">
                                                    <a href="__APP__/Index/appInfo/id/{$hotGame.id}.shtml">
                                                        <img alt="{$hotGame.name }" src="../Public/images/icon/120mask.png" />
                                                    </a>
                                                </div>
                                                <a title="{$hotGame.name }" href="/app/100058573/">{$hotGame.name }</a>
                                                <div class="app-details " style="width:300px;">
                                                    <div>
                                                        <h2>{$hotGame.name}</h2>
                                                        <div class="fright app-tip-score">
                                                            <span style="display: block;">
                                                                <span class="app-tip-interesting-num"></span>
                                                            </span>
                                                            （{$hotGame.see_num }人关注）
                                                        </div>
                                                        <div class="app-tip-price">
                                                            <span title="更新时间：{$hotGame.datetime }" class="discount-mark"></span><span class="original-mark">{$hotGame.price }</span>
                                                        </div>

                                                        <b></b><b></b>
                                                        <p>
                                                            <span class="black">标签</span>：{$hotGame.tag }
                                                        </p>
                                                    </div>

                                                    <div class="app-detail-tip-comments">

                                                        <div class="app-box-advance-comment-content">
                                                            <span class="grey">
                                                                <span class="blue"></span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <if condition="$k % 6 == 0 "> 
                                                <div class="clear"></div>
                                            </if>
                                        </volist>
                                    </div>
                                </li>
                                <!--scroll1-->
                                <li class="scroll_ad">
                                    <div class="apps-ad">
                                        <a href="{$scroll1.link}" target="_black"><img src="{$scroll1.img_url }" width="958px"/></a>
                                    </div>
                                </li>
                                <li class="scroll_ad">
                                    <div class="apps">
                                        <volist id="hotGame" name="hotGames1" key="k">
                                            <div class="app-box-simple-big">
                                                <div style="background-image: url({$hotGame.app_icon});" class="app-logo-big" original="background-image:url({$hotGame.app_icon})">
                                                    <a href="__APP__/Index/appInfo/id/{$hotGame.id}.shtml">
                                                        <img alt="{$hotGame.name }" src="../Public/images/icon/120mask.png" />
                                                    </a>
                                                </div>
                                                <a title="{$hotGame.name }" href="/app/100058573/">{$hotGame.name }</a>
                                                <div class="app-details " style="width:300px;">
                                                    <div>
                                                        <h2>{$hotGame.name}</h2>
                                                        <div class="fright app-tip-score">
                                                            <span style="display: block;">
                                                                <span class="app-tip-interesting-num"></span>
                                                            </span>
                                                            （{$hotGame.see_num }人关注）
                                                        </div>
                                                        <div class="app-tip-price">
                                                            <span title="更新时间：{$hotGame.datetime }" class="discount-mark"></span><span class="original-mark">{$hotGame.price }</span>
                                                        </div>

                                                        <b></b><b></b>
                                                        <p>
                                                            <span class="black">标签</span>：{$hotGame.tag }
                                                        </p>
                                                    </div>

                                                    <div class="app-detail-tip-comments">

                                                        <div class="app-box-advance-comment-content">
                                                            <span class="grey">
                                                                <span class="blue"></span>
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <if condition="$k % 6 == 0 "> 
                                                <div class="clear"></div>
                                            </if>
                                        </volist>
                                    </div>
                                </li>
                                <!--scroll2-->
                                <li class="scroll_ad">
                                    <div class="apps-ad">
                                        <a href="{$scroll2.link}" target="_black"><img src="{$scroll2.img_url }" width="958px"/></a>
                                    </div>
                                </li>
                                <li class="scroll_ad">
                                    <div class="apps">
                                        <volist id="hotApp" name="hotApps" key="k">

                                            <div class="app-box-simple-big">
                                                <div style="background-image: url({$hotApp.app_icon});" class="app-logo-big" original="background-image:url({$hotApp.app_icon})">
                                                    <a  href="__APP__/Index/appInfo/id/{$hotApp.id}.shtml">
                                                        <img alt="{$hotApp.name }" src="../Public/images/icon/120mask.png">
                                                    </a>
                                                </div>
                                                <a title="{$hotApp.name }" href="__APP__/Index/appInfo/id/{$hotApp.id}.shtml">{$hotApp.name }</a>
                                                <div class="app-details hidden">
                                                    <div>
                                                        <h2>{$hotApp.name }</h2>
                                                        <div class="fright app-tip-score">

                                                            <span style="display: block;">
                                                                <span class="app-tip-interesting-num"></span分
                                                                    ></span>
                                                                （{$hotApp.see_num}人关注）
                                                        </div>
                                                        <div class="app-tip-price">
                                                            <span class="price-mark">{$hotApp.price }</span>
                                                        </div>
                                                        <b></b>
                                                        <p>
                                                            <span class="black">标签</span>：{$hotApp.price }
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <if condition="$k % 6 == 0 "> 
                                                <div class="clear"></div>
                                            </if>
                                        </volist>
                                    </div>
                                </li>
                                <!--scroll3-->
                                <li class="scroll_ad">
                                    <div class="apps-ad">
                                        <a href="{$scroll3.link}" target="_black"><img src="{$scroll3.img_url }" width="958px"/></a>
                                    </div>
                                </li>
                                <li class="scroll_ad">
                                    <div class="apps">
                                        <volist id="hotApp" name="hotApps1" key="k">

                                            <div class="app-box-simple-big">
                                                <div style="background-image: url({$hotApp.app_icon});" class="app-logo-big" original="background-image:url({$hotApp.app_icon})">
                                                    <a  href="__APP__/Index/appInfo/id/{$hotApp.id}.shtml">
                                                        <img alt="{$hotApp.name }" src="../Public/images/icon/120mask.png">
                                                    </a>
                                                </div>
                                                <a title="{$hotApp.name }" href="__APP__/Index/appInfo/id/{$hotApp.id}.shtml">{$hotApp.name }</a>
                                                <div class="app-details hidden">
                                                    <div>
                                                        <h2>{$hotApp.name }</h2>
                                                        <div class="fright app-tip-score">

                                                            <span style="display: block;">
                                                                <span class="app-tip-interesting-num"></span分
                                                                    ></span>
                                                                （{$hotApp.see_num}人关注）
                                                        </div>
                                                        <div class="app-tip-price">
                                                            <span class="price-mark">{$hotApp.price }</span>
                                                        </div>
                                                        <b></b>
                                                        <p>
                                                            <span class="black">标签</span>：{$hotApp.price }
                                                        </p>
                                                    </div>
                                                </div>
                                            </div>
                                            <if condition="$k % 6 == 0 "> 
                                                <div class="clear"></div>
                                            </if>
                                        </volist>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div id="scroll-apps-left" class="showbox-h-left">
                    </div>
                    <div id="scroll-apps-right" class="showbox-h-right">
                    </div>
                    <div id="scroll-shadow" class="clearfix">
                        <div id="scroll-shadow-left">
                        </div>
                        <div id="scroll-shadow-right">
                        </div>
                    </div>
                    <div id="scroll-paging" class="scroll-paging clearfix">
                        <ul class="num">
                            <li class="numcur">
                            </li>
                            <li class="">
                            </li>
                            <li class="">
                            </li>
                            <li class="">
                            </li>
                            <li class="">
                            </li>
                            <li class="">
                            </li>
                            <li class="">
                            </li>
                        </ul>
                    </div>
                </div>

            </div>

        </div>
        <div class="clear"></div>
        <div class="newsDiv">
            <div class="newsTitle"><span>热点新闻</span></div>
            <volist id="n" name="indexNews.news" key="k">
                <if condition="$k % 3 == 1 "><ul></if>
                <li><a
                        <if condition="$n.float_red eq 1"> class = "redColor" </if>
                        href="__APP__/Index/newInfo/id/{$n.id}.shtml" title="{$n.name }">{$n.name }</a></li>
                <if condition="$k % 3 == 0 "></ul></if>
            </volist>
            <ul>
                <volist id="p" name="indexNews.price">
                    <li><a 
                            <if condition="$p.float_red eq 1"> class = "redColor" </if>
                            href="__APP__/Index/newInfo/id/{$p.id}.shtml" title="{$p.name }">{$p.name }</a></li>
                </volist>
            </ul>
            <ul>
                <volist id="r" name="indexNews.reviews">
                    <li><a 
                            <if condition="$r.float_red eq 1"> class = "redColor" </if>
                            href="__APP__/Index/newInfo/id/{$r.id}.shtml" title="{$r.name }">{$r.name }</a></li>
                </volist>
            </ul>
        </div>
        <div class="clear"></div>
        <div class="lineDiv">
            <a href="{$index_logo.link }" target="_blank">
                <img src="{$index_logo.img_url }"></a>
        </div>

        <div class="clear"></div>
        <div class="OtherInfoDiv">
            <div class="OILeftDiv">

                <div class="sect-main marginTop10">
                    <div class="arti p-b15">
                        <div class="arti-hd arti-hd-bar">
                            <div class="arti-hd-c">
                                <div class="arti-hd-c-content">
                                    <h3 class="arti-hd-title"><span class="ico-iphone">限时免费</span></h3>
                                    <ul class="arti-hd-tablist">
                                        <li class='arti-hd-tab <if condition="$type eq \'iPhone\' "> arti-hd-tab-active</if>'><a href="__APP__/Index/index/type/iPhone.shtml" class="arti-hd-tab-label arti-hd-tab-label-first">iPhone</a></li>
                                        <li class='arti-hd-tab <if condition="$type eq \'iPad\' "> arti-hd-tab-active</if>'><a href="__APP__/Index/index/type/iPad.shtml" class="arti-hd-tab-label arti-hd-tab-label-last">iPad</a></li>
                                    </ul>       
                                </div>
                            </div>
                            <span class="arti-hd-l"></span>
                            <span class="arti-hd-r"></span>
                        </div>
                        <div class="arti-bd">
                            <div class="arti-bd-content">           	

                                <ul class="list-appFree">
                                    <volist id="l" name="list">
                                        <li>
                                            <div class="app-detail">
                                                <h2><a href="__APP__/Index/appInfo/id/{$l.id}.shtml" class="app-title">{$l.name } </a></h2>
                                                <p>
                                                    <span class="s_app_list_tag price-new-h2 c-orange">{$l.tag }</span>
                                                </p>
                                                <div style="margin-top:25px;"></div>
                                                <p></p>
                                                <p>
                                                    <!--                                                    <span class="vote-text c-gray"></span>
                                                                                                        <span class="m-l25 c-gray"></span>-->
                                                    <span class="m-l25 c-gray fl-l">{$l.size }</span>
                                                    <span class="m-l25 c-gray fl-l">发布时间：{$l.date }</span>
                                                </p>
                                                <div class="p-v5 f14px" >
                                                    <p style="margin-top:25px;">{$l.content|msubstr=0,100 }<a href="__APP__/Index/appInfo/id/{$l.id}.shtml" class="a-orange">查看详细信息&gt;&gt;</a></p>
                                                </div>
                                                <div class="p-v5">					        					
                                                    <a class='app-download 
                                                       <if condition="$type eq \'iPhone\' "> btn-download-iphone-ss
                                                       <else/>btn-download-ipad-ss
                                                       </if>
                                                       ' href="{$l.download_url }">下载到电脑</a>
                                                    <a class='app-send 
                                                       <if condition="$type eq \'iPhone\' "> btn-send-iphone-ss
                                                       <else/>btn-send-ipad-ss
                                                       </if>
                                                       m-l15' href="javascript:void(0);">发送到手机</a>
                                                </div>
                                            </div>
                                            <div class="app-desc">
                                                <div class="img-app-big">
                                                    <a href="__APP__/Index/appInfo/id/{$l.id}.shtml">
                                                        <i class="img-app-big-iphone"></i>
                                                        <i class='<if condition="$l.price eq \'限时免费\' ">img-app-big-free</if>'></i>
                                                        <i></i>
                                                        <img height="114" width="114" src="{$l.app_icon }">
                                                    </a>
                                                </div>
                                            </div>
                                        </li>
                                    </volist>
                                </ul>


                                <div class="yui3-appsview-page sabrosus">
                                    {$show }

                                </div>
                            </div>
                        </div>
                        <div class="arti-ft">
                            <div class="arti-ft-c">
                                <div class="arti-ft-c-content"></div>
                            </div>
                            <span class="arti-ft-l"></span>
                            <span class="arti-ft-r"></span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="OIRightDiv">

                <div class=" marginTop10">
                    <div class="us_do" class="" style="background:#fff;">
                        <h3 class="txtnone">
                            大家都在干什么</h3>
                        <div style="height: 150px; overflow: hidden; width: 300px; padding-top: 10px; margin-bottom: 10px;">
                            <div class="simply-scroll simply-scroll-container">
                                <div class="simply-scroll-back"></div>
                                <div class="simply-scroll-forward"></div>
                                <div id="div_scroller" class="simply-scroll-clip">
                                    <ul id="scroller" class="simply-scroll-list" style="height: 942px;width:300px;">
                                        <volist id="rand" name="listRand">
                                            <li>
                                                <img style="width: 40px; height: 40px;" src="{$rand.app_icon }">
                                                <div>
                                                    <p>
                                                        <a title="{$rand.name}" href="__APP__/Index/appInfo/id/{$rand.id }.shtml" style="color: rgb(0, 0, 0);"
                                                           target="_blank">
                                                            {$rand.name }
                                                        </a>
                                                    </p>
                                                    <span>
                                                        {$rand.datetime }
                                                    </span>
                                                </div>
                                            </li>
                                        </volist>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>

                <div class=" marginTop10">
                    <div class="titleLesDiv">分类应用</div>
                    <div style="display: inline;" class="leftTypeDiv">
                        <volist id="t" name="listTypeApps" key="k">
                            <if condition="$k % 4 == 1 "> 
                                <p>
                            </if>
                            <a class="borderRight" href="__APP__/Index/appTypeList/type/{$t.id}.shtml">{$t.name }</a>
                            <if condition="$k % 4 == 0 "> 
                                </p>
                            </if>
                        </volist>
                    </div>
                    <div class="clear"></div>
                </div>


                <div class=" marginTop10">
                    <div class="titleLesDiv">分类游戏</div>
                    <div style="display: inline;" class="leftTypeDiv1">
                        <volist id="t" name="listTypeGames" key="k">
                            <if condition="$k % 3 == 1 "> 
                                <p>
                            </if>
                            <a class="borderRight" href="__APP__/Index/appTypeList/type/{$t.id}.shtml">{$t.name }</a>
                            <if condition="$k % 3 == 0 "> 
                                </p>
                            </if>
                        </volist>
                    </div>
                    <div class="clear"></div>
                </div>

                <volist id="ad" name="ads">
                    <div class="popCard_bottom" style="margin-top: 10px;"><a title="{$ad.name }" target="blank" href="{$ad.link }"><img height="80" border="0" width="320" src="{$ad.img_url }"></a></div>
                </volist>
            </div>
        </div>

        <div class="clear"></div>

    </div>
</div>


<div id="yui_3_3_0_8_132064797788612" class="yui3-widget yui3-overlay yui3-widget-positioned yui3-widget-stacked" style="width: 270px; display: none;">
    <div id="app-send-overlay" class="arti t-l yui3-overlay-content yui3-widget-stdmod">

        <div class="arti-bd">
            <div class="arti-bd-content">
                <div class="m-h20 p-v15">
                    <p class="f-s3">方式一：使用二维码下载到手机</p>
                    <p class="t-c m-t10"><img height="200" width="200" src="../Public/images/98UBLOK5.png"><br><a href="/help/iphone/70KN5US900964IP2.html" class="t-u">如何使用二维码？</a></p>
                    <p class="f-s3 m-t30">方式二：编辑短信<span class="c-orange">MM 528283</span>发送至<span class="c-orange">106981630163</span>获取下载链接。</p>
                    <p class="c-gray">（此条短信 APP白泡泡 不收取任何费用）</p>
                </div>
            </div>
        </div>
        <div class="arti-ft">
            <div class="arti-ft-c">
                <div class="arti-ft-c-content"></div>
            </div>
            <span class="arti-ft-l"></span>
            <span class="arti-ft-r"></span>
        </div>
    </div>
</div>

<div class="app-detail-tip hidden"></div>